<script lang="ts" setup>
import { ElTabs, ElTabPane } from "element-plus";
const activeName = ref("first");
import { ref } from "vue";
import setting from "./setting/index.vue";
import mapSetting from "./map/index.vue";
const handleClick = (tab, event) => {
  // console.log(tab, event);
};

// 获取用户的登录级别，最高级别才显示地图设置
</script>

<template>
  <div class="p-2 page">
    <ElTabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <ElTabPane label="基本信息" name="first">
        <setting />
      </ElTabPane>
      <!-- <ElTabPane label="地图设置" name="second">
        <mapSetting />
      </ElTabPane> -->
    </ElTabs>
  </div>
</template>
<style scoped>
.page {
  margin: 8px 12px 8px 8px;
  background: #fff;
}
</style>
